<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>轮播图-延迟加载</title>
		<!-- 轮播图---页面行为 JavaScript 功能效果一致
		             框架Jquery       功能效果一致【简化开发】
			terseBanners建立在Jquery基础之上，快速制作轮播图
		 -->
		 <link rel="stylesheet" href="css/style.css" />
	</head>
	<body>
		<!-- 轮播图 id和class命名问题，提示：重名 -->
		
		<div class="main">
		<div id="animation"></div>
		<div class="container">
		<div class="banner" id="lazyload">
	
	
		<!-- 发图片 -->
		<ul>
		<li><img src="img/images/banner01.jpg" alt="1" /></li>
		<li><img src="img/images/banner02.jpg" alt="2" /></li>
		<li><img src="img/images/banner03.jpg" alt="3" /></li>
		<li><img src="img/images/banner04.jpg" alt="4" /></li>
		<li><img src="img/images/banner05.jpg" alt="5" /></li>
		</ul>
		</div>
		</div>
		</div>
	
	<script src="js/highlight.pack.js"></script>
	<script src="js/jquery-1.11.1.js"></script>
	<script src="js/jquery.terseBanner.min.js"></script>
	<script src="js/script.js"></script>
	</body>
</html>